<%-- 
    Document   : nuevoMensaje
    Created on : 26-feb-2011, 21:45:25
    Author     : Curro
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">


<html>
    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
    <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <head>
        <title>Red Social</title>
        <link href="./css/estilos.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
        <script type="text/javascript">
            function lookup2(inputString) {
                if(inputString.length == 0) {
                    $('#suggestions2').hide();
                } else {
                    $.post("getAmigo.jsp", {queryString:inputString}, function(data){
                        if(data.length >0) {
                            $('#suggestions2').show();
                            $('#autoSuggestionsList2').html(data);
                        }
                    });
                }
            }
            function fill2(thisValue, thisId) {
                $('.destinatario').val(thisValue);
                $('.destinatarioOculto').val(thisId);
                setTimeout("$('#suggestions2').hide();", 200);
            }
        </script>

    </head>
    <body>
        <f:view>
            <div id="contenido">
                <jsp:include page="cabecera.jsp"/>
                <jsp:include page="izquierda.jsp"/>
                <div id="columnaCentral">
                    <div id="centro">
                        <div id="nuevoMensaje">
                            <c:out value="${mensajeBean.mensaje}" />
                            <h:form>
                                <h:inputText id="destinatario" styleClass="destinatario"  size="30" value="#{mensajeBean.destinatario}" onkeyup="lookup2(this.value);" onblur="fill2();" />
                                <br/><input type="hidden" id="destinatarioOculto" name="destinatarioOculto" class="destinatarioOculto" value="" /><br/>
                                <div class="suggestionsBox" id="suggestions2" style="display: none;">
                                    <div class="suggestionList" id="autoSuggestionsList2"></div>
                                </div>
                                <br/><h:inputText id="asunto" value="#{mensajeBean.asunto}" size="30" /><br/>
                                <br/><h:inputTextarea id="respuesta" rows="4" cols="60" value="#{mensajeBean.respuesta}" />
                                <br/>
                                <h:commandButton action="#{mensajeBean.doEnviar}" styleClass="botonEnviarMensaje"/>
                            </h:form>
                        </div>
                    </div>
                </div>
                <jsp:include page="derecha.jsp"/>
            </div>
            <jsp:include page="pie.jsp"/>
        </f:view>
    <body>
</html>
